<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <title>后台登录</title>
    <!-- Meta tag Keywords -->
    <link rel="icon" href="/css/images/favicon.ico">
    <link rel="stylesheet" type="text/css"  href="/js/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css"  href="/commons/common.css"/>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/layui/layui.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta charset="utf-8">
    <meta name="keywords" content="Shine Login Form Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements"
    />

    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
    <script type="application/x-javascript">

        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }

        opentop()
        function opentop() {
            if (top != self) {
                top.location.href = location.href;
            }
        }

        $(function () {
            $("#ip").val(returnCitySN.cip)
        })

    </script>

    <!-- Meta tag Keywords -->
    <!-- css files -->
    <link rel="stylesheet" href="/css/login/style.css" type="text/css" media="all" />
    <!-- Style-CSS -->
    <link rel="stylesheet" href="/css/login/font-awesome.css">
    <!-- Font-Awesome-Icons-CSS -->
    <!-- //css files -->
    <!-- online-fonts -->
    <link href="//fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i" rel="stylesheet">
    <!-- //online-fonts -->
</head>

<body>
<style>
    .ipcode {
        position: relative;
        top: 7px;
        right: -10px;
    }
</style>
<!--header-->
<div class="header-w3l">
    <h1>SYSTEM</h1>
</div>
<!--//header-->
<div class="main-content-agile">
    <div class="sub-main-w3"  style="width: 700px">
        <h2>欢 迎</h2>
        <form role="form" name="form"  action="/login/form" method="post" >
            <input type="hidden" id="ip" name="ip" value="">
            <div class="pom-agile">
                <span class="fa fa-user" aria-hidden="true"></span>
                <input placeholder="用户名" name="username" class="user" type="text" required=""  onkeydown="if(event.keyCode==13)return false;">
            </div>
            <div class="pom-agile">
                <span class="fa fa-key" aria-hidden="true"></span>
                <input placeholder="密码" name="password" class="pass" type="password" required=""  onkeydown="if(event.keyCode==13)return false;">
            </div>
            <div class="sub-w3l">
                <div class="sub-agile">
                    <input type="checkbox" name="remember-me" id="brand1" value="">
                    <label for="brand1">
                        <span></span>自动登录</label>
                </div>
                <a href="#">忘记密码</a>
                <div class="clear"></div>
            </div>
            <input hidden id="loginsubmit" type="submit" value="登录">
        </form>
        <div class="right-w3l">
            <input type="submit" onclick="openDrag()" value="登录">
        </div>

    </div>
</div>
<!--//main-->
<!--footer-->
<div class="footer">
    <p>&copy; 2077 超级牛逼的后台
        <!--<a href="http://w3layouts.com">W3layouts</a>-->
    </p>
</div>
<!--//footer-->

<script type="application/javascript">

    function openDrag(){

        //页面层
        layui.use(['layer'], function () {
            layer.open({
                title:false,
                type: 2,
                area: ['320px', '100px'], //宽高
                content: '/drag'
            });
        })

    }
</script>
</body>
</html>
